<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <link rel="stylesheet" type="text/css" href="css/slick.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
  <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css"/>
  <title>java课程</title>
	<body>
	 <div class="header">
            <span>java课程培训</span>
            <a href="javascript:history.go(-1)" class="back"><i class="iconfont icon-left"></i></a>
        </div>
        <div class="banner">
            <img src="img/banner4.png" class="banner-img">
        </div>
		<!-- <div class="header">
			<span>抵校登记</span>
			<a href="index.html" class="back"><i class="iconfont icon-left"></i></a>
		</div>
		<div class="banner">
			<img src="img/self-report.png">
		</div>
		<div class="step">
			<ul class="fs0">
				<li>
		    			<span class="step-icon passbg">1</span>
		    			<p class="step-txt">个人信息</p>
		    		</li>
		    		<li>
		    		<span class="step-icon passbg">2</span>
		    			<p class="step-txt">宿舍预定</p>
		    		</li>
		    		<li>
		    			<span class="step-icon passbg">3</span>
		    			<p class="step-txt">抵校登记</p>
		    		</li>
		    		<li>
		    			<span class="step-icon">4</span>
		    			<p>报到单</p>
		    		</li>
		    	</ul>
		    	<span class="pro-line"><img src="img/pro-line1.png"></span>
		</div>
		<ul class="dorm-book">
			<li>
			<div class="show-btn">
			    <span class="book-tit">交通方式</span>
			    <input type="text" name="name" placeholder="请选择您到达学校的交通工具" disabled="disabled"/> 
		   </div>
		    <span class="goin"><i class="iconfont icon-right"></i></span>
		    <div class="checkshow">
			        	<p class="checked">飞机</p>
			        	<p>火车</p>
			        	<p>汽车</p>
			       </div>
			</li>
			<li>
				<span class="book-tit">接站站点</span>
		        <input type="text" name="name" placeholder="请选择您目的地的站点位置" disabled="disabled"/>  
		        <span class="goin"><i class="iconfont icon-right"></i></span>
			</li>
			<li>
				<span class="book-tit">出发时间</span>
		        <input type="text" name="name" placeholder="请填写您的出发时间" disabled="disabled"/>  
		        <span class="goin"><i class="iconfont icon-right"></i></span>
			</li>
			<li>
				<span class="book-tit">到达时间</span>
		        <input type="text" name="name" placeholder="请选择您的预计到达时间" disabled="disabled"/>  
		        <span class="goin"><i class="iconfont icon-right"></i></span>
			</li>
			<li>
				<div class="show-btn">					
					<span class="book-tit">是否陪同</span>
			        <input type="text" name="name" placeholder="请选择是否有人陪同" disabled="disabled"/>  
		        </div>
		        <span class="goin"><i class="iconfont icon-right"></i></span>
		        <div class="checkshow">
			        	<p class="checked">是</p>
			        	<p>否</p>
			       </div>
			</li>
			<li>
				<span class="book-tit">陪同人数</span>
		        <input type="text" name="name" placeholder="请填写您的陪同人数" />  
			</li>
		</ul>
		<div class="step-btn">
			    <a href="dorm-book.html">上一步</a>
				<a href="reportCard.html">下一步</a>
		</div> -->

		 <h1 class="java-title">为什么程序员独爱Java？</h1>

          <p class="java-extra">JAVA ADVANTAGE</p>
           <div class="freeTrial">
    <a href="">预约免费试听</a>
    </div>
     <ul class="mlist">
            <li class="list-item fl simple" id="simple">
              <p class="list-content" id="simplecontent"></p>
              <p class="list-title">简单性</p>
            </li>
          <li class="list-item fl object" id="object">
            <p class="list-title">面向对象</p>
            <p class="list-content" id="objectcontent"></p>
          </li>
          <li class="list-item fl distributed" id="distributed">
            <p class="list-content" id="distributedcontent"></p>
            <p class="list-title">分布性</p>
          </li>
           <li class="list-item fl Compile" id="compile">
            <p class="list-title">编译和解释性</p>
            <p class="list-content" id="compilecontent"></p>
          </li>
          <li class="list-item fl steady" id="steady">
            <p class="list-content" id="steadycontent"></p>
            <p class="list-title">稳健性</p>
          </li>
           <li class="list-item fl Safety" id="safety">
            <p class="list-title">安全性</p>
            <p class="list-content" id="safetycontent"></p>
          </li>
          <li class="list-item fl transplant" id="transparent">
            <p class="list-content" id="transparentcontent"></p>
             <p class="list-title">移植性</p>
          </li>
           <li class="list-item fl highperformance" id="high">
            <p class="list-title">高性能</p>
            <p class="list-content" id="highcontent"></p>
          </li>
           <li class="list-item fl clues" id="clues">
            <p class="list-content" id="cluescontent"></p>
             <p class="list-title">多线索性</p>
          </li>
           <li class="list-item fl dynamic" id="dynamic">
            <p class="list-title">动态性</p>
            <p class="list-content" id="dynamiccontent"></p>
          </li>
          </ul>

			 <div class="job-area">
            <h1 class="java-title">应用领域广泛 就业口径宽广？</h1>
          <p class="java-extra">OPPORTUNITIES</p>
           <div class="freeTrial" style="margin-bottom: 20px;">
    <a href="">预约免费试听</a>
    </div>
          <ul class="area-list">
            <li class="list-item fl">
              <p class="social">社交网站</p>
              <p class="area-num">01</p>
            </li>
            <li class="list-item fl">
            <p class="area-num">02</p>
              <p class="Information">咨讯网站</p>   
            </li>
            <li class="list-item fl">
              <p class="search">搜索引擎</p>
              <p class="area-num">03</p>
            </li>
             <li class="list-item fl">
            <p class="area-num">04</p>
              <p class="onlinepay">在线支付</p>   
            </li>
             <li class="list-item fl">
              <p class="business">电商网站</p>
              <p class="area-num">05</p>
            </li>
             <li class="list-item fl">
            <p class="area-num">06</p>
              <p class="video">视频网站</p>   
            </li>
          </ul>
          </div>
          <div class="chosedream">
            <h1 class="java-title">真的，TA值得每一个有梦想的人去选择</h1>
          <p class="java-extra">TO CHOOSE</p>
           <div class="freeTrial">
    <a href="">预约免费试听</a>
    </div>
          <ul class="chose-list">
            <li class="list-item fl">
              <img src="img/img1.png">
              <h1 class="chose-title">0学费入学</h1>
            </li>
            <li class="list-item fl">
              <img src="img/img2.png">
              <h1 class="chose-title">1周免费试听</h1>
            </li>
             <li class="list-item fl">
              <img src="img/img3.png">
              <h1 class="chose-title">签订就业协议</h1>
            </li>
            <li class="list-item fl">
              <img src="img/img4.png">
              <h1 class="chose-title">高成本项目实战</h1>
            </li>
            <li class="list-item fl">
              <img src="img/img5.png">
              <h1 class="chose-title">就业保障</h1>
            </li>
             <li class="list-item fl">
              <img src="img/img6.png">
              <h1 class="chose-title">就业服务</h1>
            </li>
            <li class="list-item fl">
              <img src="img/img7.png">
              <h1 class="chose-title">创业平台</h1>
            </li>
             <li class="list-item fl">
              <img src="img/img8.png">
              <h1 class="chose-title">360度全方位服务</h1>
            </li>
          </ul>
          </div>
          <div class="javabottom">
          	<div class="freeTrial" style="position: absolute;bottom: 0;left: 50%;margin-left: -1.296rem;">
    <a href="">预约免费试听</a>
    </div>
          </div>
	  <script src="js/jquery-1.10.2.min.js"></script>
	  <script type="text/javascript" src="js/basic.js"></script>	
      <script type="text/javascript" src="js/rem.js"></script>	
	</body>
</html>
